<template>
<!--  <el-container style="">-->
<!--    <el-aside width="200px" style=" background-color:#545c64">-->
<!--      <el-menu-->
<!--          :uniqueOpened="true"-->
<!--          default-active="2"-->
<!--          @open="handleOpen"-->
<!--          @close="handleClose"-->
<!--          background-color="#545c64"-->
<!--          text-color="#fff"-->
<!--          active-text-color="#ffd04b">-->
<!--        <el-submenu index="1">-->
<!--          <template #title>-->
<!--            <i class="el-icon-location"></i>-->
<!--            <span>导航一</span>-->
<!--          </template>-->
<!--          <el-menu-item-group>-->
<!--            <template #title>分组一</template>-->
<!--            <el-menu-item index="1-1">选项1</el-menu-item>-->
<!--            <el-menu-item index="1-2">选项2</el-menu-item>-->
<!--          </el-menu-item-group>-->
<!--          <el-menu-item-group title="分组2">-->
<!--            <el-menu-item index="1-3">选项3</el-menu-item>-->
<!--          </el-menu-item-group>-->
<!--          <el-submenu index="1-4">-->
<!--            <template #title>选项4</template>-->
<!--            <el-menu-item index="1-4-1">选项1</el-menu-item>-->
<!--          </el-submenu>-->
<!--        </el-submenu>-->
<!--        <el-menu-item index="2">-->
<!--          <i class="el-icon-menu"></i>-->
<!--          <template #title>导航二</template>-->
<!--        </el-menu-item>-->
<!--        <el-menu-item index="3" disabled>-->
<!--          <i class="el-icon-document"></i>-->
<!--          <template #title>导航三</template>-->
<!--        </el-menu-item>-->
<!--        <el-menu-item index="4">-->
<!--          <i class="el-icon-setting"></i>-->
<!--          <template #title>导航四</template>-->
<!--        </el-menu-item>-->
<!--        <el-submenu index="5">-->
<!--          <template #title>-->
<!--            <i class="el-icon-location"></i>-->
<!--            <span>导航一</span>-->
<!--          </template>-->
<!--          <el-menu-item-group>-->
<!--            <template #title>分组一</template>-->
<!--            <el-menu-item index="5-1">选项1</el-menu-item>-->
<!--            <el-menu-item index="5-2">选项2</el-menu-item>-->
<!--          </el-menu-item-group>-->
<!--          <el-menu-item-group title="分组2">-->
<!--            <el-menu-item index="5-3">选项3</el-menu-item>-->
<!--          </el-menu-item-group>-->
<!--        </el-submenu>-->
<!--      </el-menu>-->
<!--    </el-aside>-->

<!--    <el-container>-->
<!--      <el-header style="text-align: right;  background-color:#545c64;font-size: 12px">-->
<!--        <el-dropdown>-->
<!--          <i class="el-icon-setting" style="margin-right: 15px"></i>-->
<!--          <template #dropdown>-->
<!--            <el-dropdown-menu>-->
<!--              <el-dropdown-item>查看</el-dropdown-item>-->
<!--              <el-dropdown-item>新增</el-dropdown-item>-->
<!--              <el-dropdown-item>删除</el-dropdown-item>-->
<!--            </el-dropdown-menu>-->
<!--          </template>-->
<!--        </el-dropdown>-->
<!--        <span>王小虎</span>-->
<!--      </el-header>-->
<!--      <el-main>-->
<!--        <div>-->
<!--        <el-table :data="tableData">-->
<!--          <el-table-column prop="date" label="日期" width="140">-->
<!--          </el-table-column>-->
<!--          <el-table-column prop="name" label="姓名" width="120">-->
<!--          </el-table-column>-->
<!--          <el-table-column prop="address" label="地址">-->
<!--          </el-table-column>-->
<!--        </el-table>-->
<!--        </div>-->
<!--      </el-main>-->
<!--    </el-container>-->
<!--  </el-container>-->

<layoutMenu></layoutMenu>
</template>
<script>
import layoutMenu from "@/layout"
import {reactive} from "vue";
import store from "@/store";
export default {
  components: {layoutMenu},
  setup() {
    const routes = store.state.staticRoutes;
    const item = reactive({
      date: '2016-05-02',
      name: '王小虎',
      address: '上海市普陀区金沙江路 1518 弄'
    });
    const handleOpen = function (key, keyPath) {
      console.log(key, keyPath);
    };
    const handleClose = function (key, keyPath) {
      console.log(key, keyPath);
    }
    return {
      routes,
      tableData: Array(40).fill(item),
      item,
      handleOpen,
      handleClose
    }
  },
};
</script>